<template>
  <div id="center">
    <divider>粉丝列表</divider>
    <group label-width="5em">
      <cell primary="conten" value="flex-start">
        <img style="height:40px;width:40px;border-radius: 50%;float: left;" src="../../assets/me/me.jpg" />
        <div  style="height:40px;width:100px;line-height:40px;float: left;text-align: center;">博羸兄弟</div>
      </cell>
      <cell primary="conten" value="flex-start">
        <img style="height:40px;width:40px;border-radius: 50%;float: left;" src="../../assets/market/1.jpg" />
        <div  style="height:40px;width:100px;line-height:40px;float: left;text-align: center;">独行者</div>
      </cell>
    </group>
  </div>
</template>

<script>
import { Divider, Card, Group, Cell, CellBox } from 'vux'
import { getAuthInfo } from '../utils/common'

export default {
  components: {
    Card,
    Divider,
    Group,
    Cell,
    CellBox
  },
  created: function () {
    getAuthInfo('home')
  }
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';

.card-demo-flex {
  display: flex;
}
.card-demo-content01 {
  padding: 10px 0;
}
.card-padding {
  padding: 15px;
}
.card-demo-flex > div {
  flex: 1;
  text-align: center;
  font-size: 12px;
}
.card-demo-flex span {
  color: #f74c31;
}
</style>
